﻿<%@ Import Namespace="Business" %>
<%@ Import Namespace="System.Web.Hosting" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="DivManager.ascx.cs" Inherits="DivManager" %>
<div class="overlay" id="overlay">
</div>
<div class="Popup" id="ShowPopup" style="display: none; text-align: center; overflow-y: none;
    vertical-align: middle;">
</div>
<div class="Popup" id="Loading" style="display: none; text-align: center; overflow-y: none;
    vertical-align: middle;">
    <img src='<%=Config.ApplicationUrl%>Resources/Images/admin/loading.gif' alt='' />
</div>
<style type="text/css">
div#Loading
{
	width: 300px;
	height: 300px;
	z-index: 1400;
	position: absolute;
	padding: 5px;
}
.overlay
{
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
	position: absolute;
	z-index: 1200;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	display: none;
	background-color: #000;
}

div#ShowPopup
{
	width: 300px;
	height: 300px;
	z-index: 1400;
	position: absolute;
	padding: 5px;
}
.HeadPopup
{
	background-color: #8F0000;
	border: 1px;
	color: #6E8F64;
	height: 30px !important;
	text-align: left;
	background: #CCC url(../../resources/images/admin/title.gif) top repeat-x;
}
.ContentPopup
{
	font: normal 14px Tahoma, Arial;
	line-height: 20px;
	background-color: #FFFFFF;
	vertical-align: top;
	margin-left: 0;
	text-align: center;
	font-weight: bold;
}
</style>
<%--<style type="text/css">
			
			/* Custom dialog styles */
			#popup_container.style_1 {
				font-family: Georgia, serif;
				color: #A4C6E2;
				background: #005294;
				border-color: #113F66;
			}
			
			#popup_container.style_1 #popup_title {
				color: #FFF;
				font-weight: normal;
				text-align: left;
				background: #76A5CC;
				border: solid 1px #005294;
				padding-left: 1em;
			}
			
			#popup_container.style_1 #popup_content {
				background: none;
			}
			
			#popup_container.style_1 #popup_message {
				padding-left: 0em;
			}
			
			#popup_container.style_1 INPUT[type='button'] {
				border: outset 2px #76A5CC;
				color: #A4C6E2;
				background: #3778AE;
			}
			
		</style>
		
<!-- Example script -->
		<script type="text/javascript">
			
			$(document).ready( function() {
				
				$("#alert_button").click( function() {
					jAlert('This is a custom alert box', 'Alert Dialog');
				});
				
				$("#confirm_button").click( function() {
					jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
						jAlert('Confirmed: ' + r, 'Confirmation Results');
					});
				});
				
				$("#prompt_button").click( function() {
					jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
						if( r ) alert('You entered ' + r);
					});
				});
				
				$("#alert_button_with_html").click( function() {
					jAlert('You can use HTML, such as <strong>bold</strong>, <em>italics</em>, and <u>underline</u>!');
				});
				
				$(".alert_style_example").click( function() {
					$.alerts.dialogClass = $(this).attr('id'); // set custom style class
					jAlert('This is the custom class called &ldquo;style_1&rdquo;', 'Custom Styles', function() {
						$.alerts.dialogClass = null; // reset to default
					});
				});
			});
			 function tt() {
//        jAlert('This is a custom alert box', 'Alert Dialog');
//        alert('em ne');
        jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
        //jAlert('Confirmed: ' + r, 'Confirmation Results');
             return r;
        });
    }
		</script>--%>
